@extends('layouts.vote.unregister.vote')
@section('titleRules')
      @include('app.vote.unregister.titleRules')
@endsection
@section('votecure','cur')
@section('contents')
    <!-- 投票  S-->
    <div class="voteList voteListVideo mt30">
        <h3>视频类 <span>Video</span></h3>
        <div>
            <ul class="ui-justify  voteListCon  mt20">
                <!-- 如果有背景图片请在下面的.production 元素上加上hasImg类
                     用于视频和音频
                     以便和没有图是显示不同的播放按钮图标
                -->
                <li class="ui-col-30">
                    <div class="production videoCon hasImg " style="background-image:url('/images/vote/unregister/demo.JPG');"> </div>
                    <p>1号作品 “绿地泉”“绿地泉”“绿地泉”“绿地泉”“绿地泉”“绿地泉”</p>
                    <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                    <a href="vdetails">投票</a>
                </li>
                <li class="ui-col-30">
                    <div class="production videoCon hasImg" style="background-image:url('/images/vote/unregister/demo1.PNG');"> </div>
                    <p>2号作品</p>
                    <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                    <a href="vdetails">投票</a>
                </li>
                <li class="ui-col-30">
                    <div class="production videoCon"></div>
                    <p>1号作品 “绿地泉”</p>
                    <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                    <a href="vdetails">投票</a>
                </li>
                <li class="ui-col-30">
                    <div class="production videoCon"></div>
                    <p>1号作品 “绿地泉”</p>
                    <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                    <a href="vdetails">投票</a>
                </li>
                <li class="ui-col-30">
                    <div class="production videoCon"></div>
                    <p>1号作品 “绿地泉”</p>
                    <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                    <a href="vdetails">投票</a>
                </li>
                <li class="ui-col-30">
                    <!-- 最后遍历不足3个请用此空的li标签补足3个 -->
                </li>
            </ul>
        </div>
    </div>
    <div class="voteList voteListPic mt30" >
        <h3>平面类 <span>Graphic design</span></h3>
        <div>
            <ul class="ui-justify  voteListCon  mt20">
                <li class="ui-col-30">
                    <div class="production picCon hasImg"  style="background-image:url('/images/vote/unregister/demo.JPG');"> </div>
                    <p>1号作品 “绿地泉”“绿地泉”“绿地泉”“绿地泉”“绿地泉”“绿地泉”</p>
                    <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                    <a href="pdetails">投票</a>
                </li>
                <li class="ui-col-30">
                    <div class="production picCon"> </div>
                    <p>2号作品</p>
                    <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                    <a href="pdetails">投票</a>
                </li>
                <li class="ui-col-30">
                    <div class="production picCon"></div>
                    <p>1号作品 “绿地泉”</p>
                    <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                    <a href="pdetails">投票</a>
                </li>
                <li class="ui-col-30">
                    <div class="production picCon"></div>
                    <p>1号作品 “绿地泉”</p>
                    <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                    <a href="pdetails">投票</a>
                </li>
                <li class="ui-col-30">
                    <div class="production picCon"></div>
                    <p>1号作品 “绿地泉”</p>
                    <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                    <a href="pdetails">投票</a>
                </li>
                <li class="ui-col-30">
                    <!-- 最后遍历不足3个请用此空的li标签补足3个 -->
                </li>

            </ul>
        </div>
    </div>
    <div class="voteList voteListAudio mt30">
        <h3>音频类 <span>Audio</span></h3>
        <div>
            <ul class="ui-justify  voteListCon  mt20">
                <li class="ui-col-30">
                    <div class="production audioCon hasImg" style="background-image:url('/images/vote/unregister/demo1.PNG');"> </div>
                    <p>1号作品 “绿地泉”“绿地泉”“绿地泉”“绿地泉”“绿地泉”“绿地泉”</p>
                    <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                    <a href="adetails">投票</a>
                </li>
                <li class="ui-col-30">
                    <div class="production audioCon"> </div>
                    <p>2号作品</p>
                    <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                    <a href="adetails">投票</a>
                </li>
                <li class="ui-col-30">
                    <div class="production audioCon"></div>
                    <p>1号作品 “绿地泉”</p>
                    <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                    <a href="adetails">投票</a>
                </li>
                <li class="ui-col-30">
                    <div class="production audioCon"></div>
                    <p>1号作品 “绿地泉”</p>
                    <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                    <a href="adetails">投票</a>
                </li>
                <li class="ui-col-30">
                    <div class="production audioCon"></div>
                    <p>1号作品 “绿地泉”</p>
                    <p class="voteNumWrap">票数<span class="voteNum">1111</span></p>
                    <a href="adetails">投票</a>
                </li>
                <li class="ui-col-30">
                    <!-- 最后遍历不足3个请用此空的li标签补足3个 -->
                </li>
            </ul>
        </div>
    </div>
@endsection
@section('script')
    <script src="https://cdn.bootcss.com/vue/2.3.2/vue.js"></script>
    <script src="https://cdn.bootcss.com/axios/0.16.1/axios.min.js"></script>
    <script src="/js/vote/unregister/list.js"></script>
@endsection
